/* 首页 */
.main{padding: 2.25rem 1.6rem 2.25rem 1.6rem;}
header{width: 100%;height: 4.4rem;padding: 0 1.65rem;box-sizing: border-box; display: flex;align-items: center;}
.logo{width: 10.6rem; height: auto;}
.slogan{  font-size: 1.4rem;
    color: #FF9669;
    display: inline-block;
    margin-left: 1.5rem;
}
.head_says{
	margin-left: 0.6rem;
	font-size: 1rem;
	color: #868483;
	white-space: nowrap;
}
.bread{margin-left: 1.55rem;display: flex;align-items: center;}
.bread img{width: 0.55rem ;height:1rem;margin-left: 0.75rem;margin-right: 0.75rem;}
.bread span{font-size: 1.6rem;color: #333333;}
.tool_wrap{margin-left: auto;display: flex;}
.tool_wrap .user_center{width: 1.6rem;height: 1.6rem;margin-right: 1.2rem;}
.tool_wrap .user_search{
	width: 1.6rem;
	height: 1.6rem;
	margin-right: 1.2rem;
}
.tool_wrap .application{width: 1.6rem;height: 1.6rem;}

.line{width: 100%;height: 0.7rem;background: #F6F6F6;}
.top_main{ width: 100%;
    box-sizing: border-box;
    padding: 1rem 1.6rem 2rem 1.6rem;}
.top_main .top_main_bg{width: 100%;margin-bottom: 2rem;border-radius: 1rem;}
.top_main .top_main_input{margin-bottom: 1rem; padding-left: 6rem;position: relative; width: 100%;height: 4.4rem;box-sizing: border-box; background: #FFFFFF;box-shadow: 0rem 0rem 2rem 0rem rgba(219, 219, 219, 0.67);border-radius: 2rem;}
.top_main_input .serch_icon{width: 2rem;height: 2rem;position: absolute;left: 2rem; top: 1.25rem;}
.top_main_input .input{height: 4.4rem;line-height: 4.4rem;overflow: hidden;color: #CACACA;font-size: 1.4rem;}
.top_main .menu_wrap{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.top_main .menu_wrap .menu_item{margin-top: 1.25rem; box-shadow: 0rem 0rem 2rem 0rem rgba(219, 219, 219, 0.67);border-radius: 2rem; box-sizing: border-box; width: calc(25% - 1.013rem);display: flex;flex-direction: column;align-items: center;padding: 1.45rem 0;}
.top_main .menu_wrap .menu_item img{width: 4.5rem;height: 4.5rem;}
.top_main .menu_wrap .menu_item .menu_item_text{font-size: 1.2rem;color: #333333;margin-top: 0.7rem;}
.top_main .daily_story_wrap{background-color: #FFFFFF; padding: 2rem; background-image: url(../image/story_bg.png);background-repeat: no-repeat;background-size: 100% 100%;box-sizing: border-box;}
.top_main .story_wrap_title{display: flex;align-items: center;margin-bottom: 1.6rem;}
.top_main .heart_icon{margin-right: 0.9rem;width: 1.6rem;height: 1.6rem;}
.top_main .story_wrap_title_text{font-size: 1.6rem;font-weight: bold;}
.top_main .enter{width: 0.5rem;height: 0.9rem;margin-left: auto;}
.top_main .story{background-color: #FFFFFF; border-radius: 2rem;width: 100%;padding: 1.55rem;padding-top: 1.4rem; box-sizing: border-box;}
.top_main .story .story_title{font-size: 1.4rem;font-weight: bold;color: #333333;margin-bottom: 0.8rem;line-height: 1.8rem;}
.top_main .story .story_content{font-size: 1.1rem;color: #333333;line-height: 1.8rem;}

.xlbk{padding: 2.4rem 1.6rem 2.05rem 1.6rem;}
.header_level_2{display: flex;align-items: center;}
.level_2_img{width: 1.6rem;height: 1.6rem;margin-right: 1.1rem;}
.level_2_text{font-size: 1.6rem;font-weight: bold;color: #333333;}
.header_level_2 .more{margin-left: auto; display: flex;align-items: center;}
.header_level_2 .more span{font-size: 1.2rem;color: #999999;display: inline-block;margin-right: 0.75rem;}
.header_level_2 .more img{width: 0.5rem;height: 0.9rem;}
.xlbk_content{margin-top: 2.65rem;border-radius: 2rem 2rem 0rem 0rem;padding: 1rem 0 1rem 1.75rem;background-color: #FF9669;}
.xlbk_menu{display: flex;align-items: center;}
.xlbk_menu_item{display: inline-block; margin-right: 0.2rem; padding: 0.4rem 1.1rem;font-size: 1.3rem;font-weight: bold;color: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.current_xlbk_menu_item{background: #FFFFFF;border-radius: 1rem;font-size: 1.5rem;font-weight: bold;color: #FF9669;}
.xlbk_word{margin-top: 1.05rem;display: flex;}
.xlbk_word .xlbk_word_item{flex: auto;margin-right: 1.05rem;text-align: center; padding: 0.9rem 0;font-size: 1.2rem;color: #333333;border: 0.05rem dashed #FF9669;border-radius: 1rem; }
.xlbk_word .xlbk_word_item:nth-child(3){margin-right: 0;}
.current_xlbk_word_item{color: #FF9669!important;}

.article_wrap{padding: 2.8rem 1.6rem 2.6rem 1.6rem;}
.header_level_3{display: flex;align-items: flex-end;}
.header_level_3_menu{display: flex;align-items: flex-end;}
.header_level_3_menu .header_level_3_item{
	font-size: 1.4rem;
    color: #666666;
    display: inline-block;
    margin-right: 3.4rem;
	white-space: nowrap;
}
.header_oth_menu .header_level_3_item{
	margin-right: 3.45rem;
}
.header_level_3_menu .header_level_3_item:nth-child(5){margin-right: 0;}
.header_level_3_menu .current_header_level_3_item{font-size: 1.7rem;font-weight: bold;color: #4D3F86;}
.header_level_3 .more{margin-left: auto; display: flex;align-items: center; height: 1.4rem;}
.header_level_3 .more span{font-size: 1.2rem;color: #999999;display: inline-block;margin-right: 0.65rem;white-space: nowrap;}
.header_level_3 .more img{width: 0.5rem;height: 0.9rem;}
.article_list{margin-top: 3rem;display: none;}
.container{display: block!important;}
.container_flex{ display: flex!important;}
.article_item{display: flex;align-items: flex-start;padding: 0.9rem 0;border-bottom: 1px solid #F6F6F6;}
.article_item_left{width: calc(100% - 11.5rem); height: 7.5rem; padding-right: 2.3rem;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;}
.article_item_right{width: 11.5rem;height: 7.5rem;}
.article_item_right .article_img{width: 10.5rem;height: 7rem;}
.article_item:last-child{ border-bottom:none;}
.article_title{font-size: 1.5rem;font-weight: bold;color: #1F1F1F;line-height:2rem;word-break: break-all;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.article_other{display: flex;position: relative;}
.onecut{word-break: break-all;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp: 1;-webkit-box-orient: vertical;}
.article_other .tag{display: flex;align-items: center;}
.article_other .tag .tag_item{display: flex;align-items: center;margin-right: 1rem;}
.article_other .tag .tag_item .green{color: #85D29E;max-width: 6rem;}
.article_other .tag .tag_item .orange{
	color: #FF9669;max-width: 6rem;
}
.article_other .tag img{width: 0.8rem; height: 1rem;margin-right: 0.7rem;}
.article_other .date{font-size: 1.2rem;color: #999999;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.container_box{margin-top: 20px;display: flow-root;}
.reverse_css{margin-top: 0px !important;}
.tag_main_s{padding: 20px 0 0 0;width: 100%;}
.tag_item_s{cursor: pointer;width: 20%;height: 50px;background: rgba(77,76,158,0.1);border-radius: 2rem;display: flex;align-items: center;justify-content: center;color: #4D4C9E;margin:0 2.5% 2.5% 2%;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tag_list_s{overflow:auto;zoom:1;}
.current_tag_item{background: #4D4C9E;font-weight: bold;color: #FFFFFF;}
.tag_content_item_s{margin-left: 1%;margin-right: 1%;width: 30.5%;line-height: 35px;float: left;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;height: 35px;
align-items: center;text-align: center;justify-content: center;background: #FFFFFF;border: 1px dashed #999999;border-radius: 2rem;}



.hot_book{width: 100%;box-sizing: border-box; padding: 2.6rem 1.6rem 0.7rem 1.6rem; }
.hot_book_title{height: 1.8rem; position: relative;width: 10rem;}
.hot_book_title_bg{height: 1.5rem;bottom: -0.5rem;position: absolute;width: 10rem;background: linear-gradient(90deg, rgba(255,150,105,0.6), #FFFFFF);border-radius: 1rem;}
.hot_book_title_text{position: absolute;top: 0;left: 1.25rem;font-size: 1.8rem;font-weight: bold;color: #333333;}
.hot_book_wrap{margin-top: 3.8rem;display: flex;flex-wrap: wrap;width: 100%;}
.hot_book_item{width: calc(33.3% - 0.767rem);margin-right: 1.15rem;margin-bottom: 1.35rem;}
.hot_book_item:nth-child(3n){margin-right: 0;}
.hot_book_item .item_empty{position: relative; padding-top: 6.85rem;width: 100%;height: 12.6rem;box-sizing: border-box;}
.hot_book_item .item_empty .img_bg{opacity: 0.25;border-radius: 1rem;background-color: #85D29E;width: 100%;height: 5.75rem;}
.hot_book_item .book_img{position: absolute;bottom: 0.7rem;width: 8.3rem;height: 11.9rem;left: 50%;transform: translateX(-50%);border-radius: 1rem;}
.book_name{margin-top: 0.9rem; text-align: center;font-size: 1.2rem;font-weight: bold;color: #1F1F1F;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;line-height:1.6rem; }

.ask{padding: 2.5rem 1.65rem 1.5rem 1.65rem;}
.ask_block{box-sizing: border-box; margin-top: 2.85rem;padding: 0 1.9rem;width: 100%;background: #FFFFFF;box-shadow: 0rem 0rem 2rem 0rem rgba(219, 219, 219, 0.67);border-radius: 2rem;}
.ask_block .ask_item{display: flex;flex-direction: column; padding-top: 1.9rem;padding-bottom: 0.9rem;border-bottom: 1px solid #F6F6F6;}
.ask_block .ask_item:last-child{border-bottom: none;}
.ask_item_head{display: flex;}
.ask_item_head  img{width: 2rem;height: 2rem;margin-right: 1.2rem;}
.ask_item_title{flex: auto;font-size: 1.6rem;font-weight: bold;color: #1F1F1F;line-height: 2rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.ask_item_time{margin-top: 0.85rem;font-size: 1.2rem;color: #B0B0B0;margin-left: auto;}

.hide_content{display: none;}

/* 2022-07-14 修改 */
.xlcms_banner{
	margin: 0 1.6rem;
	height: 10.5rem;
	border-radius: 0.5rem;
}
.xlcms_banner img{
	display: block;
	width: 100%;
	height: 10.5rem;
}
.xlcms_said{
	position: relative;
	display: block;
	margin: 0 1.6rem;
	margin-bottom: 0.2rem;
	height: 14rem;
	background: url(../image/home_said.png) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: 0 2.5rem;
	padding-top: 2.3rem;
	line-height: 1;
	box-shadow: 0 0 1.5rem 0 rgba(219,219,219,0.67);
	border-radius: 1.5rem;
}
.xlcms_said .said_img{
	position: absolute;
	top: 1.1rem;
	right: 2.6rem;
	width: 5.35rem;
	height: 2.15rem;
}
.xlcms_said .said_name{
	font-size: 1.6rem;
	font-weight: bold;
	color: #4D3F86;
	padding-bottom: 1.2rem;
	border-bottom: 0.05rem solid #EAEAE9;
}
.xlcms_said .said_name span{
	font-weight: normal;
}
.xlcms_said .said_text{
	padding: 1.1rem 0;
	font-size: 1.3rem;
	color: #666666;
	border-bottom: 0.05rem solid #EAEAE9;
}
.xlcms_said .said_notes{
	margin-top: 1.2rem;
	display: flex;
	align-items: center;
}
.xlcms_said .said_btn{
	display: inline-block;
	height: 2.4rem;
	padding: 0 1rem;
	line-height: 2.3rem;
	box-sizing: border-box;
	border: 0.05rem dashed #BBBAB7;
	border-radius: 0.5rem;
	font-size: 1.3rem;
	color: #999999;
	margin-right: 1rem;
}
.xlcms_said .said_exit{
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	color: #FD6646;
}
.xlcms_said .said_exit img{
	width: 1.75rem;
	height: 1.75rem;
	margin-right: 0.45rem;
}

.xlcms_hotCatch{
	padding-top: 2rem;
}
.xlcms_hotCatch .header_level_2{
	padding: 0 1.6rem;
}
.xlcms_hotCatch .catch_list{
	width: 100%;
	box-sizing: border-box;
	padding-left: 1.65rem;
	display: flex;
	padding-top: 2rem;
	padding-bottom: 1.5rem;
	overflow-x: auto;
}
.xlcms_hotCatch .catch_view{
	display: flex;
	align-items: center;
	padding: 1.5rem 1.2rem;
	width: 30.85rem;
	min-width: 30.85rem;
	height: 11.55rem;
	box-sizing: border-box;
	background: #FFFFFF;
	margin-right: 1.55rem;
	overflow: hidden;
	border-radius: 1.5rem;
	box-shadow: 0 0 1.5rem 0 rgba(219,219,219,0.6700);
}
.xlcms_hotCatch .catch_img{
	width: 5.95rem;
	height: 8.53rem;
	border-radius: 0.75rem;
}
.xlcms_hotCatch .catch_info{
	display: flex;
	flex-direction: column;
	flex: 1;
	margin-left: 1.2rem;
	width: 21rem;
}
.xlcms_hotCatch .catch_title{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.6rem;
	font-weight: bold;
	color: #1F1F1F;
}
.xlcms_hotCatch .catch_txt{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 1.2rem;
	font-size: 1.3rem;
	color: #666666;
}
.xlcms_hotCatch .catch_bot{
	margin-top: 1.1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.xlcms_hotCatch .catch_num{
	font-size: 1.3rem;
	font-weight: bold;
	color: #666666;
}
.xlcms_hotCatch .catch_listen{
	display: block;
	width: 8rem;
	height: 2.5rem;
	background: #FFFFFF;
	box-shadow: 0 0 1.25rem 0 rgba(170,169,211,0.67);
	border-radius: 1.25rem;
	text-align: center;
	line-height: 2.5rem;
	font-size: 1.3rem;
	font-weight: bold;
	color: #6665AD;
}
.xlcms_article{
	padding: 0 1.6rem;
	padding-top: 2.5rem;
}
.xlcms_article .container_box{
	margin-top: 0;
	padding-top: 1.5rem;
	padding-bottom: 2rem;
}
.xlcms_article .article_list{
	margin-top: 0;
}
.xlcms_article .article_add{
	margin-top: 2.5rem;
	height: 3.25rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF;
	box-shadow: 0 0 1.5rem 0 rgba(219,219,219,0.67);
	border-radius: 0.5rem;
	font-size: 1.2rem;
	color: #999999;
}
.xlcms_article .article_add img{
	margin-left: 0.5rem;
	width: 1rem;
	height: 1rem;
}
.xlcms_review{
	position: relative;
	width: 100%;
	display: flex;
	align-items: flex-start;
	padding: 1.6rem 1.5rem;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius: 1.5rem;
	box-shadow: 0 0 1.5rem 0 rgba(219,219,219,0.6700);
	margin-top: 1.55rem;
}
.xlcms_review .review_img{
	display: block;
	width: 8.1rem;
	height: 5.3rem;
	border-radius: 0.5rem;
}
.xlcms_review .review_info{
	margin-left: 1.4rem;
}
.xlcms_review .review_txt{
	width: 22rem;
	color: #1F1F1F;
	font-weight: bold;
	line-height: 2rem;
	font-size: 1.5rem;
	
}
.xlcms_review .review_price{
	position: absolute;
	right: 1.5rem;
	bottom: 1.8rem;
	font-size: 0.9rem;
	color: #FF7B6E;
	font-weight: bold;
}
.xlcms_review .review_price1{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0.9rem;
	color: #FF7B6E;
	font-weight: bold;
}
.xlcms_review .review_price span{
	font-size: 1.5rem;
}
.xlcms_review .review_notes{
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 1.1rem;
}
.xlcms_review .review_num{
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	color: #999999;
	margin-right: 1.5rem;
}
.xlcms_review .review_num img{
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	margin-right: 0.5rem;
}
.xlcms_listen{
	display: flex;
	padding: 1.5rem 0;
	border-bottom: 0.05rem solid #F6F6F6;
}
.xlcms_listen .listen_img{
	position: relative;
	width: 10.7rem;
	height: 12.6rem;
}
.xlcms_listen .listen_img_bg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5.75rem;
	background: #FFE5D9;
	border-radius: 0.5rem;
	z-index: 5;
}
.xlcms_listen .listen_img img{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 8.3rem;
	height: 11.9rem;
	border-radius: 0.75rem;
	z-index: 10;
}
.xlcms_listen .listen_info{
	position: relative;
	flex: 1;
	margin-left: 1.9rem;
	height: 12.6rem;
}
.xlcms_listen .listen_title{
	width: 20.95rem;
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	color: #1F1F1F;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.xlcms_listen .listen_txt{
	font-size: 1.4rem;
	color: #666666;
	line-height: 2.1rem;
	margin-top: 0.9rem;
}
.xlcms_listen .listen_bot{
	position: absolute;
	left: 0;
	bottom: 1.4rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.xlcms_listen .listen_num{
	font-size: 1rem;
	color: #999999;
}
.xlcms_listen .listen_price{
	color: #FF6B5D;
	font-size: 1rem;
	font-weight: bold;
}
.xlcms_listen .listen_price span{
	font-size: 1.8rem;
}
.xlcms_measure .review_txt{
	width: 21rem;
}

/* 标签 */
.back{width: 0.95rem;height: 1.8rem;margin-right: 1.6rem;}
.page_name{margin-left: 1.6rem;font-size: 1.6rem;color: #333333;}
.bottomline{border-bottom: 1px solid #F6F6F6;}
.tag_main{padding: 2.05rem 1.65rem 3rem 1.65rem;width: 100%;box-sizing: border-box;}
.tag_main .tag_list{display: flex;justify-content: space-between;}
.tag_main .tag_item{cursor: pointer; width: 7.8rem;height: 5rem;background: rgba(77,76,158,0.1);border-radius: 2rem;display: flex;align-items: center;justify-content: center;color: #4D4C9E;}
.tag_main .current_tag_item{background: #4D4C9E;font-weight: bold;color: #FFFFFF;}
.tag_main .tag_content{margin-top: 3rem;width: 100%;display: flex;flex-wrap: wrap;display: none;}
.tag_content_item{margin-bottom: 1.7rem; width: calc(25% - 0.5625rem);height:3rem;display: flex;align-items: center;justify-content: center;background: #FFFFFF;border: 1px dashed #999999;border-radius: 2rem; margin-right: 0.75rem;box-sizing: border-box;}
.tag_content_item:nth-child(4n){margin-right: 0;}

/* 标签详情页 */
.tag_detail_main{padding: 2.55rem 1.5rem 6.5rem 1.5rem;}
.tag_detail_main .article_title{font-size: 1.9rem;font-weight: bold;color: #333333;}
.tag_detail_main .article_content{position: relative; margin-top: 2.5rem; font-size: 1.5rem;color: #333333;line-height: 2.5rem;}
.tag_detail_main .article_content .art_more{position: absolute;width: 100%;bottom: -3rem;}
.tag_detail_main .article_content .art_more .art_mask{width: 100%;height: 8rem;background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);}
.tag_detail_main .article_content .art_more .art_mask_icon{cursor: pointer; width: 1.5rem;height: 1.35rem;margin: 0 auto;margin-top: 1.3rem;display: block;}
.tag_detail_main .relax_content{margin-top: 5rem;padding-bottom: 0.85rem;}
.tag_detail_main .relax_title{font-size: 1.5rem;font-weight: bold;color: #333333;}
.tag_detail_main .relax_tag{display: flex;margin-top: 1.75rem;}
.tag_detail_main .relax_tag .relax_tag_item{flex-wrap: wrap; font-size: 1.3rem;color: #FFFFFF;margin-right: 2.3rem; width: calc(20% - 1.84rem);height: 2.6rem;box-sizing: border-box;display: flex;align-items: center;justify-content: center;background: #BFBFBF;border-radius: 1rem;}
.tag_detail_main .relax_tag .relax_tag_item:nth-child(5n){margin-right: 0;}
.tag_detail_main .relax_tag .current_relax_tag_item{background: #FF9669;font-size: 1.5rem;font-weight: bold;color: #FFFFFF;}
.article_content strong{font-weight:bold;}
 .article_cut{  line-height: 2;word-break: break-all;overflow: hidden;text-overflow: ellipsis;max-height: 200px; } 
.article_cut_ct{ position: relative;} 

/* 每天学点心理学 */
.study_daily_main .study_item{margin-bottom: 2.1rem; position: relative; width: 100%; height: 8.87rem;display: flex;align-items: center;justify-content: center;background-image: url(../image/study_1.png);background-repeat: no-repeat;background-size: 100% 100%;}
.study_daily_main .study_item .center{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; padding: 0 4rem; font-size: 1.6rem;font-weight: bold;color: #4D3F86;}
.study_daily_main .study_item .date_tag{padding: 0.5rem;padding-bottom: 0.7rem;top: 1.2rem; font-size: 1.1rem;color: #FFFFFF;line-height: 1.1rem;display: flex;align-items: center;justify-content: center; position: absolute;left: -0.25rem;background-image: url(../image/study_date_1.png);background-size: 100% 100%;}
.study_daily_main .study_item_1{background-image: url(../image/study_2.png)!important;}
.study_daily_main .study_item_1 .date_tag{background-image: url(../image/study_date_2.png)!important;}
.study_daily_main .study_item_2 {background-image: url(../image/study_3.png)!important;}
.study_daily_main .study_item_2 .date_tag{background-image: url(../image/study_date_3.png)!important;}
.study_daily_main .study_item_3 {background-image: url(../image/study_4.png)!important;}
.study_daily_main .study_item_3 .date_tag{background-image: url(../image/study_date_4.png)!important;}

/* 每天学点心理学详情 */
.study_daily_detail_main{padding: 2.5rem 1.5rem 5rem 1.5rem;}
.study_daily_detail_main .article_title{font-size: 2rem;line-height:180%; font-weight: 600;color: #333333;-webkit-line-clamp: 20;line-clamp: 20; }

.study_daily_detail_main .article_date{font-size: 1.3rem;color: #999999;margin-top: 1.25rem;}
.study_daily_detail_main .article_content{font-size: 1.5rem;color: #333333;line-height:2;margin-top: 1.3rem;}
.study_daily_detail_main .article_content p{margin-top: 1.5rem;text-align: justify;font-size: 1.5rem;color: #333333;line-height:2;}
.study_daily_detail_main .article_btn {display: flex;justify-content: center;}
.study_daily_detail_main .article_btn_group{margin-top: 2.45rem;display: flex;}
.study_daily_detail_main .article_btn .btn{width: 10rem;height: 2.7rem;display: flex; border-radius: 1rem;align-items: center;box-sizing: border-box;padding-left: 1.7rem;}
.study_daily_detail_main .article_btn .btn span{font-size: 1.2rem;color: #FFFFFF;}
.study_daily_detail_main .article_btn .share{background-color: #FF9669;margin-right: 1.45rem;}
.study_daily_detail_main .article_btn .btn img{width: 1.2rem;height: 1.2rem;margin-right: 0.8rem;}
.study_daily_detail_main .article_btn .getImg{background-color: #85D29E;}
.study_daily_detail_main .other_article{padding: 2.8rem 2.45rem;background-color:#F6F6F6 ;border-radius: 2rem;margin-top: 2.5rem;}
.study_daily_detail_main .article_li{margin-bottom: 2.3rem;display: flex;align-items: center;}
.study_daily_detail_main .article_li:last-child{margin-bottom: 0;}
.study_daily_detail_main .article_li .article_li_date{color: #FFFFFF; width: 4.8rem;height: 1.7rem;background: #FF9669;border-radius: 1rem;display: flex;align-items: center;justify-content: center;margin-right: 1.65rem;}
.study_daily_detail_main .article_li .article_li_text{flex: 1; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word; font-size: 1.5rem;color: #333333;position: relative;}
.study_daily_detail_main .article_li .article_li_text::before {content: '';position: absolute;left: -4rem;border-left: 1px dashed #ff5e00;height: 100%;top: 2.1rem;}
.study_daily_detail_main .article_li:last-child .article_li_text::before{border-left: 0;}
/* 书单推荐 */
.book_recommend .scroller_wrapper {overflow: hidden;}
.book_recommend .scroller_wrapper ul{white-space: nowrap;}
.book_recommend .scroller_wrapper ul li{margin-right: 0.7rem;}
.pdlist_nav {overflow: hidden;position: relative;height: 3rem;background: #fff;border-radius: 1.5rem 1.5rem 0 0;}
.pdlist_nav ul {white-space: nowrap;}
.pdlist_nav ul li {margin-right: 0.7rem;padding: 0 1rem 0 0rem;display: inline-block;box-sizing: border-box;font-size: 1.4rem;color: #555;cursor: pointer;}
.pdlist_nav ul li:first-child {margin-left: 0.6rem;}
.pdlist_nav ul li:last-child {margin-right: 0;}
.pdlist_nav ul li.active a {font-size: 1.7rem;font-weight: bold;color: #4D3F86;position: relative;}
.scroller {position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); height: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
.book_recommend .book_list{margin-top: 1.5rem;display: flex;border-bottom: 1px solid #F6F6F6;display: none;}
.book_recommend .book_item{padding: 1.6rem 0;display: flex;width:10.71rem;}

.book_item_img{width:10.71rem;}
.book_item_img .item_empty{position: relative; padding-top: 6.85rem;width: 100%;height: 12.6rem;box-sizing: border-box;}
.book_item_img .item_empty .img_bg{opacity: 0.25;border-radius: 1rem;background-color: #85D29E;width: 100%;height: 5.75rem;}
.book_item_img .book_img{position: absolute;bottom: 0.7rem;width: 8.3rem;height: 11.9rem;left: 50%;transform: translateX(-50%);border-radius: 1rem;}
.book_recommend .book_item_right{position: relative; margin-left: 1.95rem;flex: auto; padding-top: 1.05rem;padding-bottom: 1rem;}
.book_recommend .book_title{font-size: 1.6rem;font-weight: bold;color: #1F1F1F;margin-bottom: 1.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp:1;-webkit-box-orient: vertical;}
.book_recommend .recommend_reason{font-size: 1.3rem;color: #666666;line-height: 2rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.book_recommend .recommend_reason .em {font-weight: bold;}
.book_recommend .bottom_btn{position: absolute;width: 100%; bottom: 3.6rem;display: flex;align-items: center;}
.book_recommend .book_item_date {font-size: 1.2rem;color: #999999;}
.book_recommend .book_intro_btn{margin-left: auto; width: 9.5rem;height: 2.6rem;background: #FF6B5D;border-radius: 1rem;font-size: 1.2rem;color: #FFFFFF;display: flex;align-items: center;justify-content: center;}

/* 书单推荐详情 */
.book_list_detail{padding-bottom: 1rem;}
.book_list_detail .book_cover{display: flex; box-sizing: border-box;width: 100%;height: auto;padding: 1.25rem;background-color: #F6F6F6;border-radius: 2rem;margin-top: 2.6rem;}
.book_list_detail .book_cover .book_jianjie{flex: auto;margin-left: 1rem;}
.book_list_detail .book_cover img{width: 8.28rem;height: auto;border-radius: 1rem;}
.book_list_detail .book_cover .book_jianjie_title{font-size: 1.6rem;font-weight: bold;color: #1F1F1F;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.book_list_detail .book_cover .book_jianjie_author{margin-top: 0.8rem; font-size: 1.3rem;color: #666666;}
.book_list_detail .book_cover .book_jianjie_reason{margin-top: 0.3rem; font-size: 1.3rem;color: #666666;line-height: 1.8rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.book_list_detail .book_cover .book_jianjie_reason span{font-weight: bold;}
.book_list_detail .book_type_box{margin-top: 1.8rem; display: flex;}
.book_list_detail .book_type_box .book_type{display: flex;flex-wrap: wrap;}
.book_list_detail .book_type_box .book_type .book_type_name{margin-right: 1rem; font-size: 1.2rem;color: #5DD484;line-height: 2.5rem;padding: 0 1.35rem;background: #F3FAF5;border-radius: 1rem;display: flex;align-items: center;justify-content: center;margin-bottom: 0.5rem;}
.book_list_detail .book_type_box .book_type .book_type_name:last-child{margin-right: 0;}
.book_list_detail .read_btn{ width: 100%;height:4.4rem;display:flex;align-items: center;justify-content: center;background: #4D4C9E;border-radius: 2rem;font-size: 1.5rem;font-weight: bold;color: #FFFFFF;margin-top: 1rem;}
.same_book{padding: 2rem 1.6rem 0 1.6rem;}
.same_book .same_book_title{font-size: 1.5rem;font-weight: bold;color: #333333;}
.same_book .book_list{margin-top: 1.5rem;display: flex;border-bottom: 1px solid #F6F6F6;}
.same_book .book_list:last-child{border: none;margin-bottom: 0;}
.same_book .book_item{padding: 1.6rem 0;display: flex;width:10.71rem;}

.book_item_img{width:10.71rem;}
.book_item_img .item_empty{position: relative; padding-top: 6.85rem;width: 100%;height: 12.6rem;box-sizing: border-box;}
.book_item_img .item_empty .img_bg{opacity: 0.25;border-radius: 1rem;background-color: #85D29E;width: 100%;height: 5.75rem;}
.book_item_img .book_img{position: absolute;bottom: 0.7rem;width: 8.3rem;height: 11.9rem;left: 50%;transform: translateX(-50%);border-radius: 1rem;}
.same_book .book_item_right{position: relative; margin-left: 1.95rem;flex: auto; padding-top: 1.05rem;padding-bottom: 1rem;}
.same_book .book_title{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;font-size: 1.6rem;font-weight: bold;color: #1F1F1F;margin-bottom: 1.3rem;}
.same_book .recommend_reason{font-size: 1.3rem;color: #666666;line-height: 2rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.same_book .recommend_reason .em {font-weight: bold;}
.same_book .bottom_btn{position: absolute;width: 100%; bottom: 3.6rem;display: flex;align-items: center;}
.same_book .book_item_date {font-size: 1.2rem;color: #999999;}
.same_book .book_intro_btn{margin-left: auto; width: 9.5rem;height: 2.6rem;background: #FF6B5D;border-radius: 1rem;font-size: 1.2rem;color: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.rela_article{padding: 2rem 1.75rem 2rem 1.75rem;}
.rela_article .rela_article_title{font-size: 1.5rem;font-weight: bold;color: #333333;}
.rela_article .article_list{margin-top:1.1rem;}
.same_book_a{width:100%;}

/* 文章知识 */
.book_recommend .article_list{margin-top: 1rem;}

/* 心理健康 */
.health_main_same_book .price{margin-left: auto; font-size: 1rem;font-weight: 400;color: #FF6B5D;}
.health_main_same_book .price span{font-size: 1.8rem;font-weight: bold;}
.rela_lesson{padding: 2rem 1.7rem 0.75rem 1.7rem;}
.rela_lesson .rela_lesson_title{position: relative;font-size: 1.5rem;font-weight: bold;color: #333333;}
.rela_lesson .lesson_wrap{margin-top: 2.05rem;width: 100%;display: flex;flex-wrap: wrap;}
.rela_lesson .lesson_wrap .lesson_item{margin-bottom: 1.45rem; width: calc(50% - 0.775rem);margin-right: 1.55rem;background: #FFFFFF;box-shadow: 0rem 0rem 2rem 0rem rgba(219, 219, 219, 0.67);border-radius: 2rem;}
.rela_lesson .lesson_wrap .lesson_item:nth-child(2n){margin-right: 0;}
.rela_lesson .lesson_wrap .lesson_item .lesson_item_img{border-radius: 2rem 2rem 0 0; width: 100%;max-height:9.2rem;}
.rela_lesson .lesson_item_text{position: relative; height:7.2rem;width: 100%;box-sizing: border-box;padding-top: 0.65rem;}
.rela_lesson .lesson_item_text .lesson_item_name{line-height: 2rem; width: 87%;margin: 0 auto;font-size: 1.4rem;font-weight: bold;color: #333333;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.rela_lesson .lesson_item_text .lesson_content{display: flex;align-items: center; position: absolute;bottom: 0.7rem;width: 100%;box-sizing: border-box;padding: 0 1rem;}
.rela_lesson .lesson_item_text .lesson_content .teacher{font-size: 0.9rem;color: #333333;}
.rela_lesson .lesson_item_text .lesson_content .count{margin-left: 1rem; font-size: 0.9rem;color: #85D29E;}
.rela_lesson .lesson_item_text .lesson_content .price{margin-left: auto; font-size: 0.9rem;font-weight: bold;color: #E3220A;}
.rela_lesson .lesson_item_text .lesson_content .price i{font-size:1.4rem;}
.video{width: 100%;border-radius: 2rem;margin-top: 3.4rem;}
/* 视频 */
.video_main{margin-top: 1.8rem;}
.video_main .video_item{display: none; width: 100%;background: #FFFFFF;box-shadow: 0rem 0rem 2rem 0rem rgba(219, 219, 219, 0.67);border-radius: 2rem;margin-bottom: 1.35rem;}
.video_main .video_item .img_box{height: auto; position: relative;}
.video_main .video_item .img_box .status{position: absolute;width: 7.25rem;height: 2.35rem;border-radius: 2rem 0 2rem 0;background-color: #FB644F;display: flex;justify-content: center; align-items: center;top: 0;left: 0;font-size: 1rem;font-weight: bold;color: #FFFFFF;}
.video_main .video_item .img_box .status img{width: 1rem;height: 1rem;margin-right: 0.55rem;}
.video_main .video_item .img_box .hot{position: absolute;left: 0;bottom: 0;width: 9.75rem;display: flex;align-items: center;box-sizing: border-box;padding-left: 0.65rem;height: 1.65rem;background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);font-size: 1.2rem;font-weight: bold;color: #FFFFFF;}
.video_main .video_item .img_box .hot img{width: 1.2rem;height: 1.2rem;margin-right: 0.45rem;}
.video_main .video_item .img_box .video_img{width: 100%;height: auto;border-radius: 2rem 2rem 0 0;}
.video_main .video_item .video_item_text{height: 6.25rem;display: flex;align-items: center;padding-left: 1.65rem;padding-right: 1.4rem;}
.video_main .video_item .video_item_text .xly_name{font-size: 1.6rem;font-weight: bold;color: #1F1F1F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 22rem;}
.video_main .video_item .video_item_text .xly_time{font-size: 1.2rem;color: #B0B0B0;margin-left: auto;}


/* 问答 */
.answer_main{margin-top: 1.6rem;}
.answer_main .ask_item{display: none; padding: 2rem;background: #FFFFFF;box-shadow: 0rem 0rem 2rem 0rem rgba(219, 219, 219, 0.67);border-radius: 2rem;margin-bottom: 1rem;}
.answer_main .ask_item .que{display: flex;align-items: flex-start;}
.answer_main .ask_item .que img{width: 2rem;height: 1.95rem;margin-right: 1.2rem;}
.answer_main .ask_item .que .que_content{font-size: 1.6rem;font-weight: bold;color: #1F1F1F;line-height: 2rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.answer_main .ask_item .answer{padding-left: 3.2rem; box-sizing: border-box;margin-top: 1.6rem;}
.answer_main .ask_item .answer p{font-size: 1.2rem;color: #B0B0B0;line-height: 2rem;margin-bottom: 0.3rem;}
.answer{line-height: 2rem;height: 4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.wd_item_a{display:block !important;}

/* 问答心理健康 */
.author_info{margin-top: 2rem;display: flex;align-items: flex-end;}
.author_info img{width: 3.3rem;height: 3.3rem;}
.author_info .info{margin-left: 0.65rem;}
.author_info .info .name{font-size: 1.3rem;font-weight: bold;color: #333333;line-height: 2rem;}
.author_info .info .time{font-size: 0.9rem;font-weight: bold;color: #999999;line-height: 1.3rem;}
.ask_health_detail .article_img{width: 100%;border-radius: 2rem;margin-top: 1.7rem;}
.health_detail_ask{margin-top: 2rem;}
.article_img_s{ height: 5.6rem!important;}

/* 心理测试 */
.test_main{padding: 1.25rem 1.6rem 0 1.6rem;}
.test_main .test_item{
	display: block;
	margin-bottom: 1.25rem;
	padding: 1rem;
	box-shadow: 0rem 0rem 2rem 0rem rgba(219, 219, 219, 0.67);
	border-radius: 1rem;
	box-sizing: border-box;
	background: #FFFFFF;
}
.test_main .test_item .test_name{
	display: flex;
	align-items: center;
}
.test_main .test_item .test_name img{
	width: 8rem;
	height: 5rem;
	border-radius: 1rem;
	margin-right: 1rem;
}
.test_main .test_item .test_name span{
	flex: 1;
	word-break: break-all;
	font-weight: bold;
	font-size: 1.7rem;
	line-height: 2rem;
	color: #333333;
}
.test_main .test_item .line{
	width: 100%;
	height: 1px;
	background-color: #EEEEEE;
	margin: 1rem 0;
}
.test_main .test_item .test_item_bot{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.test_main .test_item .test_desc{
	display: flex;
	align-items: center;
}
.test_main .test_item .test_desc .has_test{
	display: flex;
	align-items: center;
	margin-right: 0.8rem;
	font-size: 1.2rem;
	color: #657180;
}
.test_main .test_item .test_desc .has_test img{
	width: 1.4rem;
	height: auto;
	margin-right: 0.35rem;
}
.test_main .test_item .desc_price{
	font-size: 1.3rem;
	color: #FF4800;
	margin-right: 1.4rem;
}
.test_main .test_item .test_item_btn{
	width: 7.25rem;
	height: 2.4rem;
	background-color: #FFF2F0;
	border-radius: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	color: #FF6740;
}

/* 心理百科 */
.baike_main .top_banner{width: 100%;position: relative;}
.baike_main .top_banner .bg{width: 100%;}
.baike_main .large_title{position: absolute;top: 6.6rem;left: 1.65rem;font-size: 3.6rem;font-weight: bold;color: #FFFFFF;}
.baike_main .mid_title{position: absolute;top: 11.85rem;left: 1.65rem;font-size: 2rem;color: #FFFFFF;}
.baike_main .share{width: 1.6rem;height: 1.6rem;position: absolute;top: 3rem;right: 1.5rem;}
.baike_main .back{width: 0.8rem;height: 1.5rem;position: absolute;top: 2.9rem;left: 1.6rem;}
.baike_main .top_banner_input{position: absolute;left: 50%;transform: translateX(-50%) translateY(-50%); width: 91.5%!important;padding-left: 6rem;position: relative; width: 100%;height: 4.4rem;box-sizing: border-box; background: #FFFFFF;box-shadow: 0rem 0rem 2rem 0rem rgba(77, 76, 158, 0.27);border-radius: 2rem;}
.baike_main .top_banner_input .serch_icon{width: 2rem;height: 2rem;position: absolute;left: 2rem; top: 1.25rem;}
.baike_main .top_banner_input .input{height: 4.4rem;line-height: 4.4rem;overflow: hidden;color: #CACACA;font-size: 1.4rem;}

.baike_main .tab {margin-top: 1rem;padding: 0 1.6rem 0 1.6rem;}
.baike_main .tab .tab_wrap{display: flex;}
.baike_main .tab .tab_wrap .tab_item{width: calc(16.67% - 0.7083rem);height:2.6rem;display: flex;align-items: center;justify-content: center;margin-right: 0.85rem;background: #BFBFBF;border-radius: 1rem;font-size: 1.3rem;color: #FFFFFF;}
.baike_main .tab .tab_wrap .current_tab_item{font-weight: bold;background: #FF9669;border-radius: 1rem;}
.baike_main .tab .tab_wrap .tab_item:nth-child(6n){margin-right: 0;}
.baike_main .tab .tab_content {margin-top: 2.8rem;display: none;}
.baike_main .tab .tab_content .tab_content_item{margin-bottom: 1.45rem; font-size: 1.6rem;color: #333333;line-height: 2.5rem;height: 2.6rem;background: #FFFFFF;border: 1px dashed #999999;border-radius: 1rem;display: flex;align-items: center;justify-content: center;}


/* 概念 */
.notion_article{padding: 2.5rem 1.5rem 1.9rem 1.5rem;}
.notion_article_title{font-size: 1.9rem;font-weight: bold;color: #333333;margin-bottom: 2.5rem;}
.notion_article_content{font-size: 1.5rem;color: #333333;line-height: 2.5rem;}
.notion_article .book_type_box{margin-top: 1.8rem; display: flex;}
.notion_article .book_type_box .book_type{display: block;
    margin-left: auto; }
.notion_article .book_type_box .book_type .book_type_name{display: inline-block;
    margin-right: 1rem;
    font-size: 1.2rem;
    color: #5DD484;
    line-height: 2.5rem;
    padding: 0 1.35rem;
    background: #F3FAF5;
    border-radius: 1rem;
    margin-bottom: 0.5rem;
}
.notion_article .book_type_box .book_type .book_type_name:last-child{margin-right: 0;}
.tag_block{padding: 2.5rem 1.6rem 1.5rem 1.6rem ;}
.tag_block .tag_content{margin-top: 1.5rem;display: flex;flex-wrap: wrap;}
.tag_block .tag_content .tag_item{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word; margin-bottom: 1rem; width: calc(33.3% - 1.233rem);background: #FF9669;border-radius: 1rem;font-size: 1.2rem;color: #FFFFFF;margin-right: 1.85rem;height:2.6rem;display: flex;align-items: center;justify-content: center;}
.tag_block .tag_content .tag_item:nth-child(3n){margin-right: 0;}


/* 心理百科搜索 */
.header_search{padding: 1.4rem 1.5rem;background-color: #4D4C9E;}
.header_search .back{width: 0.8rem;height: 1.5rem;margin-bottom: 1.4rem;}
.header_search .top_banner_input{position: relative;width: 100%;padding-left: 6rem;position: relative; width: 100%;height: 4.4rem;box-sizing: border-box; background: #FFFFFF;box-shadow: 0rem 0rem 2rem 0rem rgba(77, 76, 158, 0.27);border-radius: 2rem;}
.header_search .top_banner_input .serch_icon{width: 2rem;height: 2rem;position: absolute;left: 2rem; top: 1.25rem;}
.header_search .top_banner_input .input{width: calc(100% - 3rem); height: 4.4rem;line-height: 4.4rem;overflow: hidden;color: #333333;font-size: 1.4rem;}
.result_wrap{padding: 3.05rem 1.5rem 0 1.5rem;display: none; height: 100%}
.result_wrap .tab_content_item{margin-bottom: 1.45rem; font-size: 1.2rem;color: #333333;line-height: 2.5rem;height: 2.6rem;background: #FFFFFF;border: 1px dashed #999999;border-radius: 1rem;display: flex;align-items: center;justify-content: center;}
.result_wrap .tab_content_item .keyword {color: #FF6B5D;font-size:1.2rem;}

/* 搜索 */
.search_book{padding-top: 1.5rem;}
.search_book .book_list{margin-top: 0;margin-bottom: 1.5rem;}
.search_lesson_wrap{margin-top: 0!important;}
.search_rela_article{padding-top: 0!important;padding-bottom:1.8rem!important ;}
.search_ask {padding-top:0!important ;padding-bottom: 1.5rem!important;}
.search_ask .ask_block {margin-top: 1.5rem;}
.search_test_main{padding-bottom: 1rem;}

/* 网站地图 */
.gb_mask {display: none;position: fixed;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 2;}
.gb_sel-mask__tag  .gb_map{position: absolute;right: 1.6rem;top: 1.35rem;width: 1.7rem;height: 1.7rem;padding-left: 1rem;padding-bottom: 1rem;background: url(../image/gb_wzdh.png) no-repeat right top;background-size: 1.7rem 1.7rem;z-index: 10;}
.gb_sel-mask{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    overflow-y: scroll;
    z-index: 9999;
    background: #ffffff;     }
.gb_sel-mask__tag {background: #fff;padding: 4.4rem 1.6rem 0rem;position: absolute;top: 0;left:0;bottom: 0;right:0;}
.gb_sel-mask__tag  .gb_map{position: absolute;right: 1.6rem;top: 1.35rem;width: 1.7rem;height: 1.7rem;padding-left: 1rem;padding-bottom: 1rem;background: url(../image/gb_wzdh.png) no-repeat right top;background-size: 1.7rem 1.7rem;z-index: 10;}
.gb_sel-mask__tag .gd_wkbx{overflow: auto;position: absolute;;top: 4.4rem;bottom: 0;left: 0;right: 0;padding: 2rem 1.6rem;}
.fz_loc{position: absolute;top: 0;padding: 1.1rem 1.6rem;border-bottom: 1px solid #eee;left: 0;width: 100%;height: 4.4rem;box-sizing: border-box;}
.fz_loc img{width: 8rem;height: 2.2rem;}
.gb_sel-mask__tag .gd_wkbx{overflow: auto;position: absolute;;top: 4.4rem;bottom: 0;left: 0;right: 0;padding: 2rem 1.6rem;}
.map_wrap{padding: 2.35rem 1.6rem;}
.map_wrap .map_menu{display: flex;flex-wrap: wrap;margin-bottom: 2.3rem;}
.map_wrap .map_content{display: none;}
.map_wrap .map_menu .map_menu_item{margin-bottom: 1rem; margin-right: 1rem;height: 2.8rem;padding: 0 1.1rem;background: #FFFFFF;border: 1px solid #4D4C9E;border-radius: 1rem;font-size: 1.5rem;color: #4D4C9E;display: flex;align-items: center;justify-content: center;}
.map_wrap .map_menu .map_menu_item:last-child {
    margin-right: 0.9rem;
}
.map_wrap .map_menu .current_map_menu_item{background: #4D4C9E;color: #FFFFFF;}
.map_item_title{ font-size: 1.3rem;color: #333333;line-height: 2.5rem;width: 100%;height: 2.8rem;background: #FFFFFF;border: 1px dashed #999999;display: flex;align-items: center;justify-content: center;border-radius: 1rem;}
.map_wrap .map_item{margin-top: 1.7rem;}
.map_wrap .map_item:first-child{margin-top: 0;}
.map_item_content a{font-size: 1.3rem;color: #666666;display: inline-block;margin-right: 1.8rem;margin-top: 1.7rem;}


/* 分页 */
.page_progress{margin-top: 1rem;display: flex;justify-content: space-around;margin-bottom:1rem;}
.page_progress .page_btn{font-size: 1.3rem;color: #333333;}
.page_progress .page_info{font-size: 1.3rem;color: #333333;}
.page_progress .page_info i{margin-right: 0.3rem;}
.page_progress .page_info .current_page{color: #00AFF9;}

/*弹出图片*/
 .scaleimg_box { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000; z-index: 1001; display: flex; align-items: center; }
.scaleimg_box .img_box { position: relative; width: 100%; }
.scaleimg_box img { position: relative; transform-origin: center; width: 100%; }
/**  尾部样式  **/
.small { display: block; width: 100%; text-align: center; padding: 15px 0 20px; background: #f4f4f4; float: left; }
.small ul { line-height: 0; }  .small li { display: inline-block; font-size: 12px; height: 25px; line-height: 25px; color: #999; }  .small li a { padding: 0 8px 0 5px; height: 25px; line-height: 25px; color: #999; }  .small span { display: block; font-size: 12px; color: #999; line-height: 20px; }
.hd_other_r {display: block;width: 4rem;height: 100%;box-sizing: border-box;margin-right: 1rem;display: flex;align-items: center;justify-content: center;}
.hd_other_r img{width: 1.6rem;height: 1.6rem;}

.label_tab_content_item{
    margin-bottom: 1.45rem;
    font-size: 1.2rem;
    color: #333333;
    line-height: 2.5rem;
    height: 2.6rem;
    background: #FFFFFF;
    border: 1px dashed #999999;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 心里书籍专业解读 */
.book_interpret{padding: 2rem 1.6rem;}
.book_interpret .inter_title{display: flex;align-items: center;justify-content: space-between;}
.book_interpret .inter_name{font-weight: bold;color: #333333;font-size: 1.5rem;}
.book_interpret .inter_arrow{display: flex;align-items: center;font-size: 1.1rem;color: #999999;}
.book_interpret .inter_arrow img{width: 0.6rem;height: 1.1rem;margin-left: 0.4rem;}
.book_interpret .inter_list{padding-top: 0.8rem;}
.book_interpret .inter_view{height: 9.3rem;width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 1.2rem;box-shadow: 0 0 0.8rem 0 rgba(219, 219, 219, 0.67);border-radius: 1rem;padding: 0 1rem;box-sizing: border-box;}
.book_interpret .inter_img{display: block;width: 4.8rem;height: 6.9rem;}
.book_interpret .inter_cont{width: 80%;}
.book_interpret .cont_title{display: flex;align-items: center;justify-content: space-between;}
.book_interpret .cont_name{font-weight: bold;color: #1F1F1F;font-size: 1.6rem;line-height: 2rem;margin-right: 1rem;}
.book_interpret .inter_pay{font-size: 1rem;font-weight: bold;color: #FF6B5D;}
.book_interpret .inter_pay span{font-size: 1.8rem;white-space: nowrap;}
.book_interpret .inter_p{margin-top: 0.5rem;color: #666666;font-size: 1.4rem;line-height: 2rem;text-align: justify;}
.book_interpret .inter_p span{font-weight: bold;}

.rela_lesson .lesson_more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: flex;align-items: center;font-size: 1.1rem;color: #999999;font-weight: normal;}
.rela_lesson .lesson_more img{width: 0.6rem;height: 1.1rem;margin-left: 0.4rem;}

/* 2021-12-6 首页修改 */
.xl_top_banner{display: block;padding: 0 1.5rem;}
.xl_letter_says{position: relative;display: block;width: 100%;border-radius: 1rem;background: #FFEEEA;padding-bottom: 1.1rem;line-height: 1;}
.xl_letter_says .says_title{height: 3.95rem;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #FFDBD3;}
.xl_letter_says .says_title_l{display: flex;align-items: center;margin-left: 1.5rem;}
.xl_letter_says .says_name{display: block;font-size: 2rem;font-weight: bold;color: #F76149;}
.xl_letter_says .says_link{margin-left: 0.5rem;width: 14.5rem;height: 2.1rem;display: flex;align-items: center;justify-content: center;background: url(../image/says_border.png) no-repeat;background-size: 100% 100%;font-size: 1.1rem;color: #F76149;}
.xl_letter_says .says_more{display: flex;align-items: center;margin-right: 1rem;font-size: 0.9rem;color: #666667;}
.xl_letter_says .says_more img{display: block;margin-left: 0.35rem;width: 0.4rem;height: 0.7rem;}
.xl_letter_says .says_bg_icon1{
	position: absolute;
	width: 6.85rem;
	height: 11.8rem;
	left: 0.6rem;
	bottom: 1.8rem;
	z-index: 10;
}
.xl_letter_says .says_bg_icon2{position: absolute;right: 0;bottom: 0;width: 10rem;height: 9.56rem;z-index: 1;}
.xl_letter_says .says_time{
	display: block;
	margin-left: 9.15rem;
	margin-top: 1rem;
}
.xl_letter_says .says_time1{
	display: block;
	font-size: 2.5rem;
	font-weight: bold;
	color: #7a5100;
	text-shadow: 0rem 0.05rem 0.05rem 0rem rgba(0, 0, 0, 0.75);
}
.xl_letter_says .says_time1 span{
	font-size: 2.4rem;
	color: #F76149;
}
.xl_letter_says .says_time2{
	display: block;
	margin-top: 0.8rem;
	margin-left: 4.9rem;
	font-size: 1.8rem;
	color: #7a5100;
	font-weight: bold;
	text-shadow: 0rem 0.05rem 0.05rem 0rem rgba(0, 0, 0, 0.75);
}
.xl_letter_says .says_time2 span{
	color: #F76149;
}
.xl_letter_says .says_notes{
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	padding-left: 0.75rem;
}
.xl_letter_says .says_notes span{width: 7.55rem;height: 2.4rem;display: flex;align-items: center;justify-content: center;box-sizing: border-box;border: 1px dashed #F76149;border-radius: 0.5rem;margin-left: 0.6rem;font-size: 1.2rem;color: #FF7663;}
.xl_letter_says .says_range{
	position: relative;
	z-index: 5;
	margin: 0 1.2rem 0 1.35rem;
	height: 2.4rem;
	background: rgb(255,150,105,0.52);
	margin-top: 1.35rem;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-left: 6.5rem;
	white-space: nowrap;
	border-radius: 0rem 0rem 1rem 1rem;
	font-size: 1rem;
	color: #FFFFFF;
	font-weight: bold;
}
.xl_letter_says .says_btn{
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1.1rem;
	margin-left: 9.8rem;
	width: 17.25rem;
	height: 2.7rem;
	background: #FF7663;
	box-shadow: 0 0.15rem 0.3rem 0 rgba(247, 97, 73, 0.4);
	border-radius: 1.3rem;
	font-size: 1.2rem;
	color: #FFFFFF;
}

.xlcms_horn{
	margin: 0 1.6rem;
	margin-top: 1.95rem;
	margin-bottom: 1.1rem;
	height: 3.2rem;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	border-radius: 1.6rem;
	box-shadow: 0 0 1rem 0 rgb(219,219,219,0.67);
	padding-left: 0.85rem;
	font-size: 1.4rem;
	color: #657180;
	animation: heart 600ms infinite alternate;
}
@keyframes heart {

	/* 开始 */
	from {
		transform: scale(1);
	}

	to {
		transform: scale(0.9);
	}
}

.xlcms_horn img{
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	margin-right: 1.2rem;
}
.xlcms_horn .horn_red{
	color: #ff6740;
}

.xl_letter_study{display: flex;align-items: center;justify-content: space-between;margin-top: 1.2rem;line-height: 1;}
.xl_letter_study .letter_science{display: block;width: 51%;height: 11.1rem;background: url(../image/says_view1.png) no-repeat;background-size: 100% 100%;box-sizing: border-box;}
.xl_letter_study .letter_learn{display: block;width: 47%;height: 11.1rem;background: url(../image/says_view2.png) no-repeat;background-size: 100% 100%;box-sizing: border-box;}
.xl_letter_study .letter_name{display: block;margin-left: 1.4rem;margin-top: 1.75rem;font-size: 1.2rem;font-weight: bold;color: #4D3F86;}
.xl_letter_study .science_list{display: flex;flex-wrap: wrap;padding-top: 0.8rem;padding-left: 0.7rem;padding-right: 0.4rem;}
.xl_letter_study .science_list a{display: flex;align-items: center;justify-content: center;background: #FFFFFF;font-size: 1.2rem;color: #333333;height: 2.25rem;margin-left: 0.5rem;box-sizing: border-box;margin-top: 0.6rem;width: 4.65rem;border: 1px dashed #4D4C9E;border-radius: 0.6rem;}
.xl_letter_study .science_list .science_list_bot{width: 9.7rem;}
.xl_letter_study .learn_list{display: block;padding-top: 0.8rem;margin-left: 1rem;}
.xl_letter_study .learn_list a{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.6rem;
	width: 11.25rem;
	height: 2.25rem;
	background: #FFFFFF;
	border: 1px dashed #4D4C9E;
	border-radius: 0.6rem;
	font-size: 1.2rem;
	box-sizing: border-box;
}

.xl_letter_tests{margin-top: 0.8rem;margin-bottom: 1.85rem;display: flex;align-items: center;justify-content: center;width: 100%;height: 6.01rem;background: url(../image/says_test.png) no-repeat;background-size: 100% 100%;}
.xl_letter_tests .tests_name{font-size: 1.6rem;font-weight: bold;color: #333333;}
.xl_letter_tests .tests_txt{font-size: 1.2rem;color: #333333;margin-left: 0.5rem;}

.xl_letter_dynamic{display: block;padding: 1.8rem 1.5rem;}
.xl_letter_dynamic .dynamic_scroll{
	position: relative;
	display: block;
	width: 100%;
	height: 15.5rem;
	margin-top: 1.2rem;
	overflow: hidden;
}
.xl_letter_dynamic .dynamic_list{display: block;line-height: 1;}
.xl_letter_dynamic .dynamic_view{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 3.1rem;
	width: 100%;
}
.xl_letter_dynamic .dynamic_txt{display: block;padding-left: 1.8rem;position: relative;width: 71%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1.4rem;color: #333333;}
.xl_letter_dynamic .dynamic_txt::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.8rem;height: 0.8rem;background: #4D3F86;border-radius: 50%;}
.xl_letter_dynamic .dynamic_time{display: block;font-size: 0.9rem;color: #999999;}

/* 试听按钮 */
.book_sting{margin-top: 1.2rem;margin-left: 0.6rem;display: flex;align-items: center;justify-content: center;background-color: #FF6B5D;height: 2.6rem;width: 9rem;padding: 0.5rem;box-sizing: border-box;border-radius: 1.3rem;}
.book_sting:active{opacity: 0.5;}
.book_sting .book_st_icon{width: 1.4rem;margin-right: 0.3rem;}
.book_sting .book_st_txt{font-size: 1.4rem;color: #fff;font-weight: bold;}

/* 2022-06-09 二维码 */
.xinli_ewm_body{
	background: url(../image/ewm_bg.png) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 0.35rem;
	padding-top: 2.8rem;
	box-sizing: border-box;
}
.xinli_ewm_body .ewm_title{text-align: center;font-size: 2.2rem;color: #FFFFFF;line-height: 3.1rem;}
.xinli_ewm_body .ewm_title span{color: #FFB245;}
.xinli_ewm_body .ewm_wechat{margin: 0 4rem;margin-top: 3.9rem;display: block;height: 4.4rem;text-align: center;line-height: 3.5rem;background: #FE4100;border-radius: 1rem;font-size: 1.6rem;color: #FFFFFF;}
.xinli_ewm_body .ewm_box{
	position: relative;
	z-index: 50;
	margin: 0 1.3rem;
	margin-top: -1.95rem;
	padding-top: 4.25rem;
	padding-bottom: 2.8rem;
	background: url(../image/ewm_div.png) no-repeat;
	background-size: 100% 100%;
}
.xinli_ewm_body .ewm_people{position: absolute;left: 1.45rem;top: -6.35rem;width: 9.65rem;height: 9.8rem;}
.xinli_ewm_body .ewm_label{display: block;text-align: center;font-size: 1.6rem;color: #000000;}
.xinli_ewm_body .ewm_img{display: block;width: 11rem;height: 11rem;background: #FDF6F6;margin: 0 auto;margin-top: 1.75rem;}
.xinli_ewm_body .ewm_img img{display: block;width: 100%;height: 100%;}
.xinli_ewm_body .ewm_copy{display: block;margin-top: 2rem;font-size: 1.5rem;text-align: center;color: #000000;}
.xinli_ewm_body .ewm_copy span{color: #FE4100;}
.xinli_ewm_body .ewm_copy_btn{display: flex;align-items: center;justify-content: center;margin: 0 auto;margin-top: 1.65rem;width: 15rem;height: 3.5rem;background: #FE4100;border-radius: 1.75rem;font-size: 1.7rem;color: #FFFFFF;}
.xinli_ewm_body .ewm_copy_txt{display: block;margin: 0 6.5rem;margin-top: 1.3rem;text-align: center;font-size: 1.3rem;color: #999999;line-height: 2rem;}